<!DOCTYPE html>
<html>

<head>
  <title>Welcome to nginx!</title>
  <style>
    html {
      color-scheme: light dark;
    }

    body {
      width: 35em;
      margin: 0 auto;
      font-family: Tahoma, Verdana, Arial, sans-serif;
    }
  </style>
</head>

<body>
  <h1>Welcome to nginx!</h1>
  <p>If you see this page, the nginx web server is successfully installed and
    working. Further configuration is required.</p>

  <p>For online documentation and support please refer to
    <a href="http://nginx.org/">nginx.org</a>.<br />
    Commercial support is available at
    <a href="http://nginx.com/">nginx.com</a>.
  </p>

  <p><em>Thank you for using nginx.</em></p>
  <button id="btn">点击</button>
  <script>
    var btn = document.querySelector('#btn');
    btn.onclick = () => {
      console.log('666')
      let xhr = new XMLHttpRequest();

      xhr.open('GET', 'api/api/list')

      xhr.onreadystatechange = () => {
        if (xhr.readyState == 4 && xhr.status == 200) {
          console.log('xhr.responseText', xhr.responseText)
        }
      }

      xhr.send(null);
    }

  </script>
</body>

</html>